<%@ include file="/WEB-INF/controllers/configuration/includes.jsp"%>
<c:if test="${empty usuario.password}">
	<script>
		codificar = true;
	</script>
</c:if>
<div class="contenedorForm">
	<form:form modelAttribute="usuario" action="formUser.do" id="formUser"
		methodParam="POST" class="formUser">
		<h1 class="tituloListado">
			<spring:message code="label.text.formuser.title" />
		</h1>
		<fieldset class="formulario">
			<span class="filtroIcon"></span>
			<div class="dataContanerForm">
				<div class="flexGrid" id="nameCreateUser">
					<div class="fila">
						<div class="labelContainer">
							<label>Usuario<span class="obligatorio">*</span></label>
						</div>
						<div class="inputContainer">
							<input id="username" name="username" type="text" value=""
								autocomplete="off">
						</div>
					</div>


					<div class="fila">
						<div class="labelContainer">
							<label>Contrase&ntilde;a<span class="obligatorio">*</span></label>
						</div>
						<div class="inputContainer">
							<input id="pass" name="password" type="password" value=""
								autocomplete="off">
						</div>
					</div>
					<div class="fila">
						<div class="labelContainer">
							<label>Repita su Contrase&ntilde;a<span
								class="obligatorio">*</span></label>
						</div>
						<div class="inputContainer">
							<input id="repetirPass" name="repeatPassword" type="password"
								value="" autocomplete="off">
						</div>
					</div>

					<div id="listaRoles">
						<div class="fila">
							<div class="labelContainer">
								<label>Rol<span class="obligatorio">*</span></label>
							</div>
							<div class="inputContainer">
								<select id="groups" name="groups" sb="16030179"
									style="display: none;"><option value="Administrador">Administrador</option>
									<option value="Gestor Avanzado">Gestor Avanzado</option>
									<option value="Gestor">Gestor</option></select>
								<div id="sbHolder_16030179" class="sbHolder" style="display: none;">
									<a id="sbToggle_16030179" href="#" class="sbToggle"></a><a
										id="sbSelector_16030179" href="#" class="sbSelector">Administrador</a>
									<ul id="sbOptions_16030179" class="sbOptions"
										style="display: none;">
										<li><a href="#Administrador" rel="Administrador"
											class="sbFocus">Administrador</a></li>
										<li><a href="#Gestor Avanzado" rel="Gestor Avanzado">Gestor
												Avanzado</a></li>
										<li><a href="#Gestor" rel="Gestor">Gestor</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="fila">
						<div class="labelContainer">
							<label>Nombre Completo<span class="obligatorio">*</span></label>
						</div>
						<div class="inputContainer">
							<input id="name" name="name" type="text" value="">
						</div>
					</div>
					<div class="fila">
						<div class="labelContainer">
							<label>Correo Electronico<span class="obligatorio">*</span></label>
						</div>
						<div class="inputContainer">
							<input id="email" name="email" type="text" value="">
						</div>
					</div>

				</div>
			</div>
		</fieldset>
		<div class="flexGrid" id="createUserInput">
			<div class="col span_1_of_2">
				<input type="button" class="baseBotton"
					value="<spring:message code='label.button.finalizar'/>"
					onclick="guardar();" />
			</div>
			<div class="col span_1_of_2">
				<input type="button" class="baseBotton cancelar"
					value="<spring:message code='label.button.cancelar'/>"
					onclick="location='listUser.do?pagina=${param.pagina}'" />
			</div>
		</div>
	</form:form>
</div>